﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>下载app</title>

    <link href="css/common.css" rel="stylesheet" type="text/css">
    <link href="css/layer.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/common.js"></script>
    <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

</head>
<style>
    .applogin {
        width: 5.12rem;
        height: 5.12rem;
        margin: .2rem auto 0;
    }
    
    .applogin img {
        width: 100%;
        height: 100%;
    }
    
    .allappdown {
        position: relative;
        height: 1rem;
    }
    
    .appdown {
        position: absolute;
        width: 6.5rem;
        color: #101010;
        border: 0.02rem solid #BBBBBB;
        border-radius: 0.06rem;
        padding: 0.08rem .16rem;
        left: 50%;
        margin-left: -3.25rem;
        word-break: break-all;
    }
    
    #input {
        position: absolute;
        width: 6.5rem;
        padding: 0.08rem .16rem;
        left: 50%;
        margin-left: -3.25rem;
        opacity: 0;
        z-index: -10;
    }
    
    .appdowmti {
        color: #101010;
        font-size: .28rem;
        margin-top: .12rem;
        text-align: center;
    }
    
    .appdowmbut {
        width: 6.5rem;
        margin: .3rem auto 0;
        height: .88rem;
        line-height: .88rem;
        border-radius: .38rem;
        text-align: center;
        font-size: .4rem;
        color: #fff;
        background-color: #0287FF;
    }
    
    .appdowmbutdec {
        text-align: center;
        color: #0287FF;
        margin-top: .2rem;
        font-size: .26rem;
    }
</style>

<body>
    <div class="applogin">
        <img src="img/applogin.png" alt="">
    </div>
    <div class="allappdown">
        <div class="appdown" id='text'>https://oss.qikeya.cn/android/app-qky.apk</div>
        <textarea id="input" readonly="readonly">这是幕后黑手</textarea>
    </div>

    <div class="appdowmti">下载地址</div>
    <div class="appdowmbut">点击复制</div>
    <div class="appdowmbutdec">复制链接到浏览器打开下载</div>


    <script type="text/javascript" src="./js/layer.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/share.js"></script>
    <script type="text/javascript">
        $(function() {
            $('.appdowmbut').click(function() {
                var text = document.getElementById("text").innerHTML;
                var input = document.getElementById("input");
                input.value = text;
                input.select(); //选中文本
                document.execCommand("copy");
                layer.open({
                    content: '复制成功',
                    skin: 'msg',
                    time: 1 //1秒后自动关闭
                });
            })
        })
    </script>
</body>

</html>